<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" type="text/css">
		<link href="css/load.css" rel="stylesheet" type="text/css">
		<link href="css/icons-extra.css" rel="stylesheet" type="text/css">
		<script src="http://g.alicdn.com/dingding/dingtalk-jsapi/2.0.83/dingtalk.open.js"></script>
		<style>
			.mui-icon-extra{vertical-align: middle;font-size:20px;margin-right:8px:}
			.mui-checkbox input[type=checkbox]:checked:before,
			.mui-radio input[type=radio]:checked:before {
				color: #F25745
			}
			.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{right:10px;top:10px}
			.mui-table-view-cell span {
				position: absolute;
				right: 10px
			}
			
			#sm img{width:24px;vertical-align: middle;}
			#sm{
				display: block;
				width: 70%;
				margin: 15px auto;
				height: 35px;
				line-height: 35px;
				text-align: center;
				font-size:16px;
				color: white;
				background: #F25745;
				border-radius: 15px;
			}	
			
		</style>
		<title>营销任务登记</title>
	</head>

	<body style="height:100%">
		<div class="mui-content">
			<span class="button"  id="sm" ><i class="mui-icon-extra mui-icon-extra-sweep" style="margin-right:8px"></i>点击扫描客户二维码</span>
			<div class="mui-card">				
				<form class="mui-input-group">					
					<div class="mui-input-row">
						<label>办理业务:</label>
						<select class="mui-select" id="blyw"></select>
					</div>
					<div class="mui-input-row num">
						<label>账号:</label>
						<input type="number" placeholder="请输入客户办理的业务的账号" id="number">
					</div>
					<div class="mui-input-row xyk" style="display: none;">
						<label>身份证号:</label>
						<input type="text" placeholder="请输入客户办理的业务的身份证号" id="sfzh">
					</div>
					<div class="mui-input-row">
						<label>收货地址:</label>
						<input type="text" placeholder="请输入客户的收货地址" id="shdz">
					</div>
				</form>
			</div>
			
			<h5 style="padding-left:15px" >客户信息：</h5>
			<div class="mui-card">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell sbkhd">姓名：<span class="name"></span></li>
					<li class="mui-table-view-cell sbkhd">手机号：<span class="tel"></span></li>
					<li class="mui-table-view-cell sbkhd">营销人：<span class="yxhm"></span></li>
					<li class="mui-table-view-cell sbkhd">抽奖时间：<span class="time"></span></li>
				</ul>	
			</div>
			
			<h5 style="padding-left:15px" >奖品信息：</h5>
			<div class="mui-card">
				<ul class="mui-table-view jp">
					
				</ul>
			</div>
			<p style="color:red;height:30px;line-height:30px;padding-left:15px;font-size:16px">*兑完奖品以后请点击保存信息按钮。</p>
			<span class="mui-btn mui-btn-block" style="width:90%;border-radius: 10px;padding:5px 0;margin:20px auto;background:#F25745;color:#fff" id="tj"><i class="mui-icon-extra mui-icon-extra-topic" style="margin-right:8px"></i>保存信息</span>
		</div>
		<script src="js/jquery-1.11.1.js"></script>
		<script src="js/base.js"></script>
		<script type="text/javascript" src="js/base64.min.js"></script>
		<script type="text/javascript" src="js/mui.min.js"></script>
		<script src="js/importJs.js"></script>
		<script src="js/load.js"></script>
		<script>
			mui.init();
		</script>
	</body>

</html>